<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="<%=basePath%>js/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="<%=basePath%>js/BaseUtile.js"></script>
<script type="text/javascript" src="<%=basePath%>js/vue.min.js"></script>
<link rel="stylesheet" href="<%=basePath%>css/layui/css/layui.css">
<script type="text/javascript"
	src="<%=basePath%>js/systemManage/roleManage.js"></script>

<title>角色管理</title>
</head>
<body style="padding: 2%">
	<div>
		<div>
			<b style="font-size: 25px">角色管理</b>

			<button class="layui-btn layui-btn-danger" id="createRoleButton">新增角色</button>
		</div>
		<div id="roleDiv">
			<table class="layui-table">
				<thead>
					<tr>
						<th style="text-align: center">序号</th>
						<th style="text-align: center">角色名称</th>
						<th style="text-align: center">操作</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="(item ,index) in items">
						<td style="text-align: center">{{index+1}}</td>
						<td style="text-align: center">{{item.roleName}}</td>
						<td style="text-align: center">
							<button class="layui-btn" v-on:click="setPermission(item)">权限</button>
							<button class="layui-btn" v-on:click="editItem(item)">编辑</button>
							<button class="layui-btn" v-on:click="deleteItem(item)">删除</button>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
	</div>

	<script type="text/javascript" src="<%=basePath%>css/layui/layui.js"></script>
	<script>
		layui.use('form', function() {

		});
	</script>
</body>
</html>